<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Cancer statistics in China</title>
    <script src="js/echarts.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/selectordie.min.js"></script>
    <!-- ECharts单文件引入 -->  
    <script type="text/javascript" src="js/map.js"></script>
    <link rel="stylesheet" href="css/selectordie_theme_01.css">
    <link rel=stylesheet type="text/css" href="css/mystyle.css">

</head>    
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <table width= "512px" border="0" cellpadding="0" cellspacing="0" color="#ffffff" height="1000px" style="margin:auto">
        <tr>
            <td>
                <h1 align=center>2015年中国癌症统计</h1>
            </td>
        </tr>
        <tr>
            <td>
            <select class="Gender">
                <option value="1">所有人</option>
                <option value="2">男性</option>
                <option value="3">女性</option>
            </select>
            <select class="Cancer">
                <option value="1">所有癌症</option>
                <option value="2">肺癌</option>
                <option value="3">食道癌</option>
                <option value="4">胃癌</option>
                <option value="5">结直肠癌</option>
                <option value="6">肝癌</option>
                <option value="7">乳腺癌</option>
                <option value="8">宫颈癌</option>
                <option value="9">甲状腺癌</option>
                <option value="10">脑癌</option>
                <option value="11">胰腺癌</option>
            </select>
            <select class="Rate">
                <option value="1">发病人数</option>
                <option value="2">死亡人数</option>
            </select>
            </td>
        </tr>
        
          <tr>
            <td>
                <div id="map" class="one"></div>
            </td>
            <td>
                <div id="image" style="margin-left:0px;float:left;height:500px;width:500px;">
                    <a href="" target="_parent" id="imagelink" style="display:inline-block;height:430px;width:500px;position:relative">   <img id="img" src="" width=100% style="position: absolute; bottom:0;"/>
                    </a>
                </div>
            </td>
        </tr>
        
        <tr>
            <td>
            <hr/>
            <select class="Gender1">
                <option value="1">男性</option>
                <option value="2">女性</option>
            </select>
            </td>
        </tr>
          <tr>
            <td>
                <div id="bar" style="height:500px;width: 500px; margin-left: 0px;float: left;"></div>
            </td>
            <td>
                <div id="cancer" style="display:inline-block;height:450px;width:500px;">
                <p id="cancerIntro" class="two" style="transform:translateY(-50%)"></p>
                </div>  
            </td>  
        </tr>
        
    </table>

</body>
